{% extends "base.html" %}

{% block content %}
	<div class="section">
    	<h3>Libraries</h3>
    	<div class="form">
    	<input type="text" id="search-text" style="width: 50%" />
		<select id="library-kind">
			<option value="">All</option>
			<option value="validated">BookBurrito</option>
			<option value="community">Community</option>
		</select>  
		
    	<table class="matrix" id="search-results">
    	<thead>
    	<tr><th>Search Results<div class="pager"></div></th></tr>
    	</thead>
    	<tbody>
    	</tbody>
    	</table>

		<div class="info"><span class="validated">Verified by BookBurrito</span><span class="community">Contributed by User Community <small>(Use at own risk)</small></span></div>

    	<pre id="debug">{{debug}}</pre>

    	</div>
    </div>
{% endblock %}

{% block html_body_end %}
<script src="/assets/js/pager.js"></script>
<script src="/assets/js/search.js"></script>
<script src="/assets/js/typewatch.js"></script>
{% endblock %}